<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3352517_134xz354g69.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/register.js"></script>
    <title>小米账号 - 注册</title>
</head>

<body>
    <div class="root">
        <div class="root-layout">
            <div class="root-layout-banner">
                <img src="./img/login&register.jpg" alt="">
            </div>
            <div class="root-layout-content">
                <div class="content-header">
                    <div class="content-header-left">
                        <img src="./img/logo.png" alt="">
                        小米账号
                    </div>
                    <div class="content-header-right">
                        <a href="#">用户隐私</a>
                        <a href="#">隐私政策</a>
                        <a href="#">帮助中心</a>
                        <div class="wire"></div>
                        <a class="language">中文(简体)
                            <div class="triangle"><i class="iconfont icon-xiasanjiaoxing"></i></div>
                            <ul class="select">
                                <li>中文(繁體)</li>
                                <li>English</li>
                            </ul>
                        </a>
                    </div>
                </div>
                <div class="content-body">
                    <div class="content-body-login">
                        <div class="login-qr">
                            <span>
                                <svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false"
                                    class="">
                                    <path
                                        d="M0 16.977H16.94V.036H0v16.941zM4.235 4.271h8.47v8.47h-8.47v-8.47zM19.06.036v16.941h16.94V.036H19.06zm12.706 12.706h-8.471v-8.47h8.47v8.47zM6.353 10.624h4.235V6.39H6.353v4.235zM0 36.036H16.94V19.095H0v16.94zM4.235 23.33h8.47v8.47h-8.47v-8.47zM29.647 6.389h-4.235v4.235h4.235V6.39zM19.059 36.036h4.235V31.8h-4.235v4.235zm4.235-12.706v8.47h4.235v-8.47h-4.235zm8.47 8.47H27.53v4.236H36v-8.47h-4.234V31.8zm0-8.47H36v-4.235h-4.235v4.235zM19.06 19.095v4.235h4.235v-4.235h-4.235zM6.353 29.683h4.235v-4.235H6.353v4.235z"
                                        fill="#FFF" fill-rule="nonzero"></path>
                                </svg>
                            </span>
                        </div>
                        <div class="login-box">
                            <div class="login-box-caption">
                                <a href="./login.html">登录</a>
                                <a class="active">注册</a>
                                <span></span>
                            </div>
                            <div class="login-box-reg">
                                <form action="" class="mi-form">
                                    <div class="mi-form-content">
                                        <div class="mi-form-area">
                                            <input type="text" value="中国" readonly>
                                            <span>国家/地区</span>
                                            <i class="iconfont icon-xiajiantou"></i>
                                        </div>
                                        <div class="mi-form-phone">
                                            <input type="text" readonly value="+86"><span>国家码</span><i
                                                class="iconfont icon-xiajiantou"></i><input type="tel" class="phone"
                                                required><span class="phonespan">手机号</span>
                                            <p>请输入手机号</p>
                                        </div>
                                        <div class="mi-form-verif">
                                            <input type="text" required><span>请输入验证码</span><button>获取验证码</button>
                                            <p>请输入验证码</p>
                                        </div>
                                        <div class="mi-form-terms">
                                            <input type="checkbox"><i
                                                class="iconfont icon-duigou"></i>已阅读并同意小米帐号<span>用户协议</span>和<span>隐私政策</span>
                                        </div>
                                        <div class="mi-form-button">
                                            注册
                                        </div>
                                        <div class="mi-form-actions">
                                            <div class="actions-forget">忘记密码?</div>
                                            <div class="actions-phoneget">手机号登录</div>
                                        </div>
                                    </div>
                                    <div class="mi-form-other">
                                        <div class="other">其他方式登录</div>
                                        <div class="icon">
                                            <i class="iconfont icon-zhifubao" style="color: #4188f2;"></i>
                                            <i class="iconfont icon-weixin1" style="color: #6cb47a;"></i>
                                            <i class="iconfont icon-QQ" style="color: #50a9f5;"></i>
                                            <i class="iconfont icon-weibo1" style="color: #d96661;"></i>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="content-footer">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</div>
            </div>
        </div>
</body>

</html>